<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  <meta name="keywords" content="华翰科技官网" />
  <meta name="description" content="赋能教育数字化" />
  <link rel="stylesheet" href="./css/base.css" />
  <link rel="stylesheet" href="./css/font/stylesheet.css" />
  <link rel="stylesheet" href="./css/header.css" />
  <link rel="stylesheet" href="./css/footer.css" />
  <link rel="stylesheet" href="./css/connectUs.css" />
  <link rel="stylesheet" href="./js/wow.js/css/libs/animate.css" />
  <link rel="stylesheet" href="./js/swiper/css/swiper.css" />
  <link rel="stylesheet" href="./css/swiper-reset.css" />
  <link rel="stylesheet" href="./css/flex.css" />
  <title>华翰科技</title>
</head>

<body>
  <header class="header">
    <div class="header-top">
      <div class="logo"><img src="./image/logo.png" alt="" /></div>
      <ul class="nav">
        <li class="nav-item"><a href="#">首页</a></li>
        <li class="nav-item"><a class="arrow" href="#">教育数字化产品与服务</a>
          <ul class="sub-nav">
            <li><a href="">必过OEM数字化平台</a></li>
            <li><a href="">全科目数字化课程产品</a></li>
            <li><a href="">E校通教育与知识数字化工具</a></li>
            <li><a href="">教育数字化管理系统</a></li>
            <li><a href="">CRM数字化营销系统</a></li>
            <li><a href="">学员数字化学习服务</a></li>
          </ul>
        </li>
        <li class="nav-item"><a class="arrow" href="#">行业解决方案</a>
          <ul class="sub-nav">
            <li><a href="">职业资格证</a></li>
            <li><a href="">学历教育</a></li>
            <li><a href="">教育机构</a></li>
            <li><a href="">企业大学</a></li>
            <li><a href="">知识付费</a></li>
          </ul>
        </li>
        <li class="nav-item"><a class="arrow" href="#">关于华翰</a>
          <ul class="sub-nav">
            <li><a href="">华翰故事</a></li>
            <li><a href="">品牌动态</a></li>
            <li><a href="">联系我们</a></li>
            <li><a href="">帮助中心</a>
              <ul class="sub2-nav">
                <li><a href="">必过帮助</a></li>
                <li><a href="">E校通帮助</a></li>
              </ul>
            </li>
          </ul>
        </li>
      </ul>
      <div class="action">
        <div class="btn btn-login">登录</div>
        <div class="btn btn-try">试用</div>
      </div>
    </div>
    <div class="bg-container"></div>
  </header>
  <div class="about-us">
    <ul id="tabs">
      <li class="">
        <a href="#" title="tab1" target="_blank">
          <h5>华翰故事</h5>
        </a>
      </li>
      <li>
        <a href="index.html" title="tab2" target="_blank">
          <h5>品牌动态</h5>
        </a>
      </li>
      <li class="current">
        <a href="#" title="tab3" target="_blank">
          <h5>联系我们</h5>
        </a>
      </li>
      <li>
        <a href="#" title="tab4" target="_blank">
          <h5>帮助中心</h5>
        </a>
      </li>
    </ul>
    <div id="contents">
      <div id="tab1" class="item"></div>
      <div id="tab2" class="item"></div>
      <div id="tab3" class="item show">
        <div class="company_info w">
          <div class="phone"><span class="left">全国免费服务热线：</span><span class="right">400-001-5920</span></div>
          <div class="address"><span class="left">总部地址：</span><span class="right">广东省广州市高新技术产业开发区科汇金谷四街11号9楼</span>
          </div>
          <div class="map"><iframe src="./baidumap.html" frameborder="0"></iframe></div>
        </div>
        <div class="companyList">
          <div class="til w">教育数字化产品与服务体系</div>
          <div class="list w">
            <span class="dot"></span>
            <span class="center">四川营销中心：</span>
            <span class="address">成都市锦江区红星路三段1号 成都IFS二号楼27楼</span>
          </div>
          <div class="list w">
            <span class="dot"></span>
            <span class="center">重庆营销中心：</span>
            <span class="address">重庆市渝北区龙塔街道红土地长都商务大厦16层</span>
          </div>
          <div class="list w">
            <span class="dot"></span>
            <span class="center">陕西营销中心：</span>
            <span class="address">西安市碑林区和平路106号金鼎国际大厦10楼</span>
          </div>
          <div class="list w">
            <span class="dot"></span>
            <span class="center">云南营销中心：</span>
            <span class="address">云南省昆明市五华区正义路新大新百货3F（沃力空间）</span>
          </div>
          <div class="list w">
            <span class="dot"></span>
            <span class="center">北京营销中心：</span>
            <span class="address">北京市朝阳区农光南里1号楼龙辉大厦1201</span>
          </div>
          <div class="list w">
            <span class="dot"></span>
            <span class="center">河南营销中心：</span>
            <span class="address">郑州市二七万达广场13号楼810号</span>
          </div>
          <div class="list w">
            <span class="dot"></span>
            <span class="center">山东营销中心：</span>
            <span class="address">济南市历下区泉城路318号丰利大厦10层1008E室</span>
          </div>
          <div class="list w">
            <span class="dot"></span>
            <span class="center">河北营销中心：</span>
            <span class="address">石家庄市桥西区华润万象城c座 2322室</span>
          </div>
          <div class="list w">
            <span class="dot"></span>
            <span class="center">天津营销中心：</span>
            <span class="address">天津市南开区宾水西道与凌宾路交口西南侧奥城商业广场19-1-714</span>
          </div>
          <div class="list w">
            <span class="dot"></span>
            <span class="center">江苏营销中心：</span>
            <span class="address">南京市秦淮区莫愁路329号越界梦幻城54幢</span>
          </div>
          <div class="list w">
            <span class="dot"></span>
            <span class="center">苏州营销中心：</span>
            <span class="address">苏州市吴中区金鸡湖大道1355号国际科技园三期科技广场15楼南</span>
          </div>
          <div class="list w">
            <span class="dot"></span>
            <span class="center">湖北营销中心：</span>
            <span class="address">武汉市东湖新技术开发区珞狮南路517号明泽大厦3楼</span>
          </div>
          <div class="list w">
            <span class="dot"></span>
            <span class="center">浙江营销中心：</span>
            <span class="address">杭州市西湖区万塘路262号万塘汇大厦南楼5层*氪空间</span>
          </div>
          <div class="list w">
            <span class="dot"></span>
            <span class="center">宁波营销中心：</span>
            <span class="address">宁波市鄞州区中山东路1083号世纪东方COB写字楼3A</span>
          </div>
          <div class="list w">
            <span class="dot"></span>
            <span class="center">安徽营销中心：</span>
            <span class="address">合肥市包河区马鞍山路130号包河万达广场7号写字楼1701室</span>
          </div>
          <div class="list w">
            <span class="dot"></span>
            <span class="center">上海营销中心：</span>
            <span class="address">上海市黄浦区河南南路16号中汇大厦2层*氪空间</span>
          </div>
          <div class="list w">
            <span class="dot"></span>
            <span class="center">深圳营销中心：</span>
            <span class="address">深圳市龙华区新牛路港深国际中心601号</span>
          </div>
          <div class="list w">
            <span class="dot"></span>
            <span class="center">广西营销中心：</span>
            <span class="address">南宁市西乡塘区安吉万达B座1227室</span>
          </div>
          <div class="list w">
            <span class="dot"></span>
            <span class="center">长沙营销中心：</span>
            <span class="address">湖南省长沙市芙蓉区韶山北路159号8楼</span>
          </div>
        </div>
      </div>
      <div id="tab4" class="item"></div>
    </div>
  </div>
  <footer class="footer">
    <div class="footer-container">
      <div class="footer-wrapper">
        <div class="wrapper-item">
          <div class="title">教育数字化解决方案</div>
          <ul>
            <li><a href="">必过OEM数字化平台</a></li>
            <li><a href="">全科目数字化课程解决方案</a></li>
            <li><a href="">E校通教育与知识数字化解决方案</a></li>
            <li><a href="">教务数字化管理解决方案</a></li>
            <li><a href="">CRM数字化营销解决方案</a></li>
            <li><a href="">学员数字化学习解决方案</a></li>
          </ul>
        </div>
        <div class="wrapper-item">
          <div class="title">行业解决方案</div>
          <ul>
            <li><a href="">职业资格证</a></li>
            <li><a href="">学历教育</a></li>
            <li><a href="">教育机构</a></li>
            <li><a href="">企业大学</a></li>
            <li><a href="">知识付费</a></li>
          </ul>
        </div>
        <div class="wrapper-item">
          <div class="title">关于华翰</div>
          <ul>
            <li><a href="">品牌故事</a></li>
            <li><a href="">品牌动态</a></li>
            <li class="hasChild"><a href="">联系我们</a><span class="child">必过帮助中心</span><span class="child">E校通帮助中心</span>
            </li>
          </ul>
        </div>
        <div class="wxcode"><img src="./image/service.png" alt="华翰科技官方服务号"><span>华翰科技官方服务号</span></div>
        <div class="wxcode"><img src="./image//subscription.png" alt="华翰科技官方订阅号"><span>华翰科技官方订阅号</span></div>
        <div class="phone">
          <div class="number">400-001-5920</div><span>全国免费咨询服务热线</span>
        </div>
      </div>
      <div class="hr"></div>
      <div class="footer-bottom">
        <div class="address">总部地址：广东省广州市高新技术开发区科汇金谷四街11号9层</div>
        <div class="service-center">全国营销服务中心：广州、深圳、北京、上海、苏州、南京、宁波、杭州、济南、天津、合肥、郑州、石家庄、武汉、长沙、成都、重庆、昆明、西安、南宁</div>
        <ul class="copyright">
          <li><a href="http://www.huahanedu.cn/cert-c.html" target="_blank">增值电信业务经营许可</a></li>
          <li><a href="http://www.huahanedu.cn/cert-a.html" target="_blank">广播电视节目经营许可</a></li>
          <li><a href="http://www.huahanedu.cn/cert-b.html" target="_blank">网络安全等级保护许可 </a></li>
          <li><a href="http://www.huahanedu.cn/cert-d.html" target="_blank">营业执照</a></li>
          <li><a href="http://beian.miit.gov.cn" target="_blank">CIP备案号 13083939号</a></li>
          <li><a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=44011202000209" target="_blank">公安备号
              44011202000209号</a></li>
        </ul>
      </div>
    </div>
    <div class="bottom">&#169 2013-2021 必过在线教育OEM ALL RIGHTS RESERVED. 广州华翰教育科技有限公司 版权所有</div>
  </footer>
</body>
<script src="./js/swiper/js/swiper.min.js"></script>
<script src="./js/wow.js/dist/wow.min.js"></script>
<script src="./js/jquery-3.3.1/jquery-3.3.1.min.js"></script>
<script type="text/javascript">
  $(function () {

      // 一级下拉
      $('.nav .nav-item').each(function (index, item) {
          $(item).hover(function () {
              // 添加active
              $(item).addClass('active').siblings().removeClass('active') // 展开一级下拉

              if ($(item).children('.sub-nav')) {
                $(item).children('.sub-nav').stop().slideDown()
              }
            }

            ,
            function () {
              $(item).removeClass('active')
              if ($(item).children('.sub-nav')) {
                $(item).children('.sub-nav').stop().slideUp()
              }
            }

          )
        }

      )
      // 二级下拉

      $('.sub-nav li').each(function (index, item) {
          if ($(item).children('.sub2-nav').length > 0) {
            $(item).hover(function () {
                $(item).children('.sub2-nav').stop().slideToggle()
              }

            )
          }
        }

      )
    }

  ) // tabs切换

  $('#tabs a').click(function (e) {
    e.preventDefault();
    $('#tabs li').removeClass("current").removeClass("hoverItem");
    $(this).parent().addClass("current");
    // $("#contents div").removeClass("show");
    // $('#' + $(this).attr('title')).addClass('show');
  });

  $('#tabs a').hover(function () {
    if (!$(this).parent().hasClass("current")) {
      $(this).parent().addClass("hoverItem");
    }
  }, function () {
    $(this).parent().removeClass("hoverItem");
  });


  const mySwiper = new Swiper('.swiper-container', {
    autoplay: {
      delay: 3000,
      disableOnInteraction: false,
    }

    ,
    loop: true, // 循环模式选项

    // 如果需要分页器
    pagination: {
      el: '.swiper-pagination',
      clickable: true,
    }

    ,
    // 如果需要前进后退按钮
    navigation: {
      nextEl: '.swiper-button-next',
      prevEl: '.swiper-button-prev',
    }

    ,

    // 如果需要滚动条
    scrollbar: {
      el: '.swiper-scrollbar',
    },
  })
</script>

</html>